<!-- src/components/VideoHero.vue -->
<template>
  <section class="hero">
    <div class="video-container">
      <video controls autoplay muted class="promo-video">
        <source src="../assets/1.mp4" type="video/mp4" />
        您的浏览器不支持视频播放。
      </video>
    </div>
  </section>
</template>

<style scoped>.hero {
  width: 100%;
  position: relative;
  background-color: #DCE2F1;
}

.video-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.promo-video {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
</style>